<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/goodlooking/bootstrap/bootstrap-icons.css">
    <link rel="stylesheet" href="css/goodlooking/bootstrap/min.css">
    <link rel="stylesheet" href="css/goodlooking/tooplate-kool-form-pack.css">
</head>
<body>

<div class="col-lg-12 col-12 d-flex align-items-center">
    <a class="site-header-text d-flex justify-content-center align-items-center me-auto" href="index.html">
        <i class="bi-box"></i>

        <span> Kool Form Pack</span>
    </a>

    <ul class="social-icon d-flex justify-content-center align-items-center mx-auto">
        <span class="text-white me-4 d-none d-lg-block">Stay connected</span>

        <li class="social-icon-item">
            <a href="#" class="social-icon-link bi-instagram"></a>
        </li>

        <li class="social-icon-item">
            <a href="#" class="social-icon-link bi-twitter"></a>
        </li>

        <li class="social-icon-item">
            <a href="#" class="social-icon-link bi-whatsapp"></a>
        </li>
    </ul>

    <div>
        <a href="#" class="custom-btn custom-border-btn btn" data-bs-toggle="modal" data-bs-target="#subscribeModal">Notify me
            <i class="bi-arrow-right ms-2"></i>
        </a>
    </div>

    <a class="bi-list offcanvas-icon" data-bs-toggle="offcanvas" href="#offcanvasMenu" role="button" aria-controls="offcanvasMenu"></a>

</div>
<script src="js/jquery.min.js"></script>
<script>
    $(".Create new scratch file from selection").click(function () {
        location.href = "niceLook.html";
    });
</script>
</body>
</html>